
import React, { useContext, forwardRef } from 'react'
import CustomizeModal, { CustomizeModalButton, CustomizeModalContext } from "@common/presentational/CustomizeModal";

const CouponStatsContent = props => {
    const { hide } = useContext(CustomizeModalContext)
    return (
        <div className=''>
            <div className='ft-clr-md mgb-8'>1.优惠券、消费满减、限时折扣互斥，同一商品只可享受一次优惠</div>
            <div className='ft-clr-md mgb-8'>2.限时折扣优先级最高，不可参与满减活动或使用优惠券</div>
            <div className='ft-clr-md mgb-8'>3.优惠券不默认匹配，用户可自主选择使用</div>
            <div className='ft-clr-md mgb-8'>4.会员折扣为基于订单计算优惠，即活动商品可享折上折</div>
        </div>
    )
}

export default forwardRef((props, ref) => (
    <CustomizeModal title="活动规则" ref={ref} width={520} >
        <CouponStatsContent {...props} />
    </CustomizeModal>
))